<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="秒" name="first">
          <second @send-second="getSecond"></second>
       </el-tab-pane>
      <el-tab-pane label="分" name="second">配置管理</el-tab-pane>
    <el-tab-pane label="小时" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="周" name="fourth">定时任务补偿</el-tab-pane>
    <el-tab-pane label="年" name="fourth">定时任务补偿</el-tab-pane>
  </el-tabs>
  <div class="croninfo">
    <div>
      <el-tag>{{secondStr}}</el-tag>
      <el-tag>*</el-tag>
      <el-tag>*</el-tag>
      <el-tag>*</el-tag>
      <el-tag>*</el-tag>
      <el-tag>*</el-tag>
    </div>
    <div>
      cron表达式：<el-tag>{{secondStr}}****?</el-tag>
    </div>
  </div>
  </div>
</template>
<script setup>
import second from './child/second.vue'
   import {ref} from 'vue'
   let activeName=ref('')
   let handleClick=()=>{
    
   }
   let secondStr=ref('')
   let getSecond=(cron)=>{ //收集秒的表达式
    secondStr.value=cron;
   }
</script>
<style lang="scss">
  .croninfo{
    display: flex;
    justify-content: space-between;
    .el-tag{
      margin-left: 20px;
    }
  }
</style>